var box=document.querySelector(".coont")
var content=document.querySelector(".coont-bx")
var contentCont=document.querySelector(".eve-sm")
//获取content-cont中所有选中框对象
var xuans=document.getElementsByName('xuan')

//给大盒子对象绑定点击事件
box.onclick=function(e){
    //兼容事件对象
    var e = e || window.event
    //获取兼容的操作目标
    var tg= e.target || e.srcElement

    //全选
    
    if(tg.name=="quan"){
        console.log(tg)
        //遍历所有选中框对象
        for(let i=0;i<xuans.length;i++){
            //判断当前全选框是否被选中
            if(tg.checked){
                xuans[i].checked=true
            }else{
                xuans[i].checked=false
            }
        }
        total2()
    }
    //批量删除
    if(tg.innerHTML=="清空购物车"){
        //遍历所有选中框对象
        for(let i=0;i<xuans.length;i++){
            //判断当前选中框是否被选中
            if(xuans[i].checked){
                xuans[i].parentNode.parentNode.remove()
                i--
            }
        }
        
        total2()
        fn1()
    }
    if(tg.innerHTML=="删除已选"){
        for(let i=0;i<xuans.length;i++){
            //判断当前选中框是否被选中
            if(xuans[i].checked){
                xuans[i].parentNode.parentNode.remove()
                i--
            }
        }
        total2()
        fn1()
    }

    //加法
    if(tg.innerHTML=="+"){
        //获取数量
        console.log(tg.innerHTML);
        var num=tg.previousElementSibling.value
        console.log(num)
        num++
        //重新赋值
        tg.previousElementSibling.value=num
        //获取当前按钮所对应的商品
        var ul=tg.parentNode.parentNode
        //获取当前ul中所有子元素节点
        var lis=ul.children
        //获取单价
        var price1=lis[6].lastElementChild.innerHTML
        console.log(price1)
        //计算小计
        var sum=num*price1
        //重新给小计赋值
        lis[4].lastElementChild.innerHTML=sum.toFixed(2)
       
        total2()
    }
    //减法
    if(tg.innerHTML=="-"){
        var num=tg.nextElementSibling.value
        if(num<=1){
            num=1
        }else{
            num--
        }
        tg.nextElementSibling.value=num
        //获取当前按钮所对应的商品
        var ul=tg.parentNode.parentNode
        //获取当前ul中所有子元素节点
        var lis=ul.children
        //获取单价
        var price1=lis[2].lastElementChild.innerHTML
        //计算小计
        var sum=num*price1
        //重新给小计赋值
        lis[4].lastElementChild.innerHTML=sum.toFixed(2)  
        total2()
    }
    //删除
    if(tg.innerHTML=="删除"){
        tg.parentNode.parentNode.remove()    
        total2()
        fn1()
    }
   
    //选中框
    if(tg.name=="xuan"){
        fn1()
        total2()
    }
}

function fn1(){
    var num=0 //表示被选中的次数
    //遍历选中框对象
    for(var i=0;i<xuans.length;i++){
        //判断当前选中框是否被选中
        if(xuans[i].checked){
            num++
        }
    }
    //判断当前选中框的长度是否等于被选中的次数
    if(num==xuans.length){
        //获取所有全选框对象
        var quans=document.querySelectorAll('[name="quan"]')
        quans[0].checked=true
        quans[1].checked=true
    }else{
       //获取所有全选框对象
       var quans=document.querySelectorAll('[name="quan"]')
       quans[0].checked=false
       quans[1].checked=false
    }
}

//已选商品数量和价格
function total2(){
    var m=0 //数量
    var sum=0 //总价
    //获取所有商品
    var uls=contentCont.getElementsByTagName('ul')
    //遍历每个商品对象
    for(var i=0;i<uls.length;i++){
        //判断当前商品是否被选中
        if(uls[i].children[0].lastElementChild.checked){
            //获取当前商品小计
            var xiaoji=uls[i].children[4].lastElementChild.innerHTML
            sum+=parseFloat(xiaoji)
            //获取当前商品的数量
            var mm=uls[i].children[3].children[1].value
            m+=parseInt(mm)
        }
    }
    // 获取存放位置的父节点
    //   document.querySelector('.content-total-right').children[0].  lastElementChild.innerHTML=m 
    // 给总计赋值
    // document.querySelector('.content-total-right').children[1].lastElementChild.innerHTML=sum.toFixed(2)   
}
total2()

